<template>
  <div>
    <h1>About组件</h1>
    <!-- 注意: home的在子级路由中配置了重定向,此时使用path跳转到home是没有问题的.但是使用name就不会展示home下面默认的子级路由了 -->
    <button
      @click="
        $router.push({
          name: 'h',
        })
      "
    >
      go-home
    </button>
  </div>
</template>

<script>
export default {
  // 组件内路由守卫
  beforeRouteEnter(to, from, next) {
    // 路由切换进入到当前组件之前
    // to 目标路由对象
    // from 起始路由对象
    // next 是否可以进入当前组件
    localStorage.getItem('token') ? next() : next('/login')
  },
  beforeRouteLeave(to, from, next) {
    // 路由切换,从这个组件离开之前
    // to 目标路由对象
    // from 起始路由对象
    // next 是否可以离开当前组件
    console.log(to, from)
    next()
  },
}
</script>

<style></style>
